.bewly-design {
  body {
    background-color: var(--bew-bg);
  }

  .z-top-container {
    background-color: transparent;
    box-shadow: none;
  }

  // #region theme color adaption part
  // Increase the priority of the style inside by writing a non-existent selector in `:not()`
  :not(foobar) {
    .bili-header .bili-header__channel .channel-entry-more__link--current,
    .bili-header .bili-header__channel .channel-link--current {
      color: var(--bew-theme-color);
    }

    .brand_blue {
      color: var(--bew-theme-color) !important;
    }

    .login-tip {
      background: var(--bew-theme-color);
    }
  }
  // #endregion

  // #region dark mode adaption part
  &.dark {
    .card-loaded,
    .van-popover {
      background-color: var(--bew-elevated-solid);
    }
  }
  // #endregion
}
